<template>
        <div>
  <b-navbar toggleable="lg" type="dark" variant="success">
      <img src="@/assets/log.png" class="d-inline-block align-top ml-5 nav-img " alt="">
      <b-navbar-brand class="ml-2">宜家生鲜</b-navbar-brand>
    <b-navbar-brand href="#" class="ml-5">关于我们</b-navbar-brand>
    <b-navbar-brand href="#" class="ml-5">产品中心</b-navbar-brand>
    <b-navbar-brand href="#" class="ml-5">联系我们</b-navbar-brand>
    <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>

      <b-nav-form class="ml-auto">
          <b-form-input size="sm" class="mr-sm-2" placeholder="请输入"></b-form-input>
          <b-button size="sm" class="my-2 my-sm-0" type="submit">搜索</b-button>
        </b-nav-form>

      <b-navbar-nav class="ml-auto">
        <b-nav-item-dropdown right>
          <!-- Using 'button-content' slot -->
          <template #button-content>
            <em>用户</em>
          </template>
          <b-dropdown-item href="#">登录</b-dropdown-item>
          <b-dropdown-item href="#">注册</b-dropdown-item>
        </b-nav-item-dropdown>
      </b-navbar-nav>
  </b-navbar>
</div>
</template>
<style scoped>
.nav-img{
    width: 50px;
    height: 50px;
}
</style>